<!-- 飞线图 -->
<script lang="ts" setup>
const config = {
  points: [
    {
      name: '武汉',
      coordinate: [0.65, 0.68],
      halo: {
        show: true,
      },
      text: {
        color: '#fb7293',
        show: true,
      },
    },
    {
      name: '长沙',
      coordinate: [0.62, 0.75],
    },
    {
      name: '南昌',
      coordinate: [0.7, 0.75],
    },
    {
      name: '广州',
      coordinate: [0.65, 0.85],
    },
    {
      name: '南宁',
      coordinate: [0.58, 0.87],
    },
    {
      name: '贵阳',
      coordinate: [0.54, 0.78],
    },
    {
      name: '昆明',
      coordinate: [0.45, 0.84],
    },
    {
      name: '成都',
      coordinate: [0.48, 0.68],
    },
    {
      name: '重庆',
      coordinate: [0.55, 0.71],
    },
    {
      name: '西安',
      coordinate: [0.58, 0.61],
    },
    {
      name: '太原',
      coordinate: [0.64, 0.51],
    },
    {
      name: '福州',
      coordinate: [0.73, 0.79],
    },
    {
      name: '杭州',
      coordinate: [0.75, 0.7],
    },
    {
      name: '上海',
      coordinate: [0.77, 0.68],
    },
    {
      name: '合肥',
      coordinate: [0.71, 0.66],
    },
    {
      name: '郑州',
      coordinate: [0.64, 0.61],
    },
    {
      name: '南京',
      coordinate: [0.74, 0.62],
    },
    {
      name: '济南',
      coordinate: [0.71, 0.53],
    },
    {
      name: '石家庄',
      coordinate: [0.67, 0.5],
    },
    {
      name: '北京',
      coordinate: [0.69, 0.44],
    },
    {
      name: '天津',
      coordinate: [0.71, 0.46],
    },
    {
      name: '沈阳',
      coordinate: [0.79, 0.4],
    },
    {
      name: '长春',
      coordinate: [0.84, 0.33],
    },
    {
      name: '黑龙江',
      coordinate: [0.9, 0.25],
    },
  ],
  lines: [
    {
      source: '武汉',
      target: '太原',
    },
    {
      source: '武汉',
      target: '长沙',
    },
    {
      source: '武汉',
      target: '南昌',
    },
    {
      source: '武汉',
      target: '广州',
    },
    {
      source: '武汉',
      target: '福州',
    },
    {
      source: '武汉',
      target: '杭州',
    },
    {
      source: '武汉',
      target: '合肥',
    },
    {
      source: '武汉',
      target: '郑州',
    },
    {
      source: '武汉',
      target: '南京',
    },
    {
      source: '武汉',
      target: '济南',
    },
    {
      source: '武汉',
      target: '上海',
    },
    {
      source: '武汉',
      target: '石家庄',
    },
    {
      source: '武汉',
      target: '北京',
    },
    {
      source: '武汉',
      target: '天津',
    },
    {
      source: '武汉',
      target: '沈阳',
    },
    {
      source: '武汉',
      target: '长春',
    },
    {
      source: '武汉',
      target: '黑龙江',
    },
    {
      source: '武汉',
      target: '南宁',
    },
    {
      source: '武汉',
      target: '贵阳',
    },
    {
      source: '武汉',
      target: '昆明',
    },
    {
      source: '武汉',
      target: '成都',
    },
    {
      source: '武汉',
      target: '重庆',
    },
    {
      source: '武汉',
      target: '西安',
    },
  ],
  // text: {
  //   show: true,
  // },
  // icon: {
  //   show: true,
  // },
  bgImgSrc: getFlyBgImgSrc(),
}
function getFlyBgImgSrc() {
  return new URL('../../assets/img/map.png', import.meta.url).href
}
</script>

<template>
  <dv-flyline-chart-enhanced
    :config="config"
    style="width: 100%; height: 100%"
  />
</template>

<style lang="scss" scoped></style>
